<template>
	<view>
		<custom-navigation-bar title="form表单"></custom-navigation-bar>
		<view class="main"> 
			<view class="form-item">
				<view class="form-item-1">
					<view class="form-item-lable">
						输入框
					</view>
					<view class="form-item-countent">
						<input type="text" class="form-item-input" placeholder="请输入内容"/>
					</view>
					<view class="form-item-right">
						<image src="/static/gengduo@3x(1).png" class="form-item-image"></image>
					</view>
				</view>
			</view>
			<view class="form-item">
				<view class="form-item-1">
					<view class="form-item-lable">
						单选按钮
					</view>
					<view class="form-item-countent">
						<radio-group style="margin-top: 20rpx;">
							<radio value="男" class="custom-radio" checked />男
							<radio value="女" class="custom-radio" />女
						</radio-group>
					</view>
					<view class="form-item-right">
						<image src="/static/gengduo@3x(1).png" class="form-item-image"></image>
					</view>
				</view>
			</view>
			<view class="form-item">
				<view class="form-item-1">
					<view class="form-item-lable">
						选择地区
					</view>
					<view class="form-item-countent">
						<position-picker class="position-picker"  @update-region="regionChange"></position-picker>
					</view>
					<view class="form-item-right">
						<image src="/static/gengduo@3x(1).png" class="form-item-image"></image>
					</view>
				</view>
			</view>
			<view class="form-item">
				<view class="form-item-textarea">
					<view class="form-item-lable">
						文本域
					</view>
					<view class="form-item-countent">
						<textarea class="form-item-textarea-textarea" placeholder="请输入内容"></textarea>
					</view>
				</view>
			</view>
			<view class="form-item">
				<view style="width: 84%;float: left;margin-left: 8%;">
					<uni-file-picker limit="9" title="请上传图片" :source-type="sourceType"></uni-file-picker>
				</view>
			</view>
			<view class="form-item">
				<view style="width: 84%;float: left;margin-left: 8%;">
					<view class="btn">按钮</view>
				</view>
			</view>
		</view>
	</view> 
</template>

<script>
	 
</script>

<style>
	 @import "./form.scss"; 
</style>